<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
</head>
<body>
<script src="https://cdn.bootcss.com/vue/2.3.4/vue.js"></script>
<div id="app">
     <div v-drop>Hello Vue!</div>
</div>
<script>
    Vue.directive('drop',{//相当于那个jquery里面的trigger函数
        bind:function(el){//bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。
        //inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。

            el.style.color='red';
            el.style.fontWeight='bold'
        }
    });
    var app=new Vue({
        el:'#app'
    })
</script>	
</body>
</html>